export default defineNuxtPlugin(nuxtApp => {
  // Nuxt 自动读取您的 plugins 目录中的文件
  // 并在创建Vue应用程序时加载它们
  // 你可以在文件名中使用 .server 或 .client 后缀来控制只在服务器端或客户端加载插件。
  // 现在这个文件名配置为 .client 所以插件只会在客户端运行

  // 注册自定义指令
  nuxtApp.vueApp.directive('zl1', {
    mounted(el, binding) {
      console.log('🎨 全局指令 1 参数 >>> ', binding.arg)
    },
  })
  nuxtApp.vueApp.directive('zl2', {
    mounted(el, binding) {
      console.log('🎨 全局指令 2 参数 >>> ', binding.arg)
    },
  })

  return {
    provide: {
      say: (msg) => console.log(`say ${msg}!`),
      hello: (msg) => console.log(`hello ${msg}!`),
    }
  }
})
